import Vue from 'vue'

import { TransferDom } from 'vux'
Vue.directive('transfer-dom', TransferDom)
//在移动端应用里，为了便于代码组织，通常我们要将组件放在各个路由的 .vue 文件里，但是因为此时组件并不在 body 下，加上定位，overflowscrolling 设置等原因，
//  会出现遮罩在弹层之上，z-index 失效等问题。
//因此我们推荐在纯弹窗类组件比如 Alert Popup XDialog 等组件上使用 v-transfer-dom 实现自动移动到 body 下，解决以上问题。


import { XButton } from 'vux'
Vue.component('x-button', XButton)


import { Flexbox, FlexboxItem } from 'vux'  //  弹性盒子
Vue.component('flexbox', Flexbox)
Vue.component('flexbox-item', FlexboxItem)


import { ViewBox } from 'vux'
Vue.component('view-box', ViewBox)  //  页面滚动


import { Cell } from 'vux'
Vue.component('cell', Cell)



import { Checker, CheckerItem } from 'vux'
Vue.component('checker', Checker)    //  用于  周月 组件的切换
Vue.component('checker-item', CheckerItem)


import { Datetime } from 'vux'
Vue.component('datetime', Datetime)   //  时间


import { Group } from 'vux'
Vue.component('group', Group)  //   用于form 表单


import { XSwitch } from 'vux'
Vue.component('x-switch', XSwitch)


import { XInput } from 'vux'
Vue.component('x-input', XInput)


import { Actionsheet } from 'vux'
Vue.component('actionsheet', Actionsheet)  //  模态弹出框


import { ButtonTab, ButtonTabItem } from 'vux'  //  切换菜单
Vue.component('button-tab', ButtonTab)
Vue.component('button-tab-item', ButtonTabItem)



import { Tab, TabItem } from 'vux'    //  切换菜单
Vue.component('tab', Tab)
Vue.component('tab-item', TabItem)


import { Tabbar, TabbarItem } from 'vux'   //  底部导航
Vue.component('tabbar', Tabbar)
Vue.component('tabbar-item', TabbarItem)


import { XHeader } from 'vux'   //  头部
Vue.component('x-header', XHeader)


import { PopupPicker } from 'vux'     //   就诊科室  联动
Vue.component('popup-picker', PopupPicker)

import { XDialog } from 'vux'         //  数据监测  选择人员弹窗
Vue.component('x-dialog', XDialog)

import { Grid, GridItem } from 'vux'
Vue.component('grid', Grid)
Vue.component('grid-item', GridItem)

//  在数据监测模块以事件调用日期
import { DatetimePlugin } from 'vux'
Vue.use(DatetimePlugin)


import  { ToastPlugin } from 'vux'
Vue.use(ToastPlugin)

//import { Picker } from 'vux'
//Vue.component('picker', Picker)

import { PopupRadio } from 'vux'
Vue.component('popup-radio', PopupRadio)


import { Loading } from 'vux'
Vue.component('loading', Loading)
